<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>定义列表(define list)</title>
  <!-- 
    定义列表（Definition List）是HTML中用于显示术语及其定义的标记。以下是HTML中定义列表的主要要点： 
 
      1. 使用 <dl> 标签来创建定义列表，其中 dl 代表definition list的缩写。 
      2. 在定义列表中，每个术语通常以 <dt> 标签定义，表示术语（definition term）。 
      3. 每个术语对应的定义通常以 <dd> 标签定义，表示定义（definition description）。 
      4. 定义列表用于呈现术语及其对应的解释或定义，通常用于词汇表或说明文档中。 
      5. 可以在一个术语下包含多个定义，每个定义使用一个 <dd> 标签。 
      6. 定义列表的结构为术语（ <dt> ）和对应的定义（ <dd> ）之间的组合。 
   -->
</head>
<body>

  <h1>前端开发</h1>
  <dl>
    <dt>第一阶段: 巩固基础</dt>
    <dd>HTML</dd>
    <dd>CSS</dd>
    <dd>JavaScript</dd>
    <dd>JavaScript DOM</dd>
    <dd>JavaScript BOM</dd>
    <dd>深入学习JavaScript原理和高级语法</dd>

    <dt>第二阶段: 框架实战</dt>
    <dd>NodeJs基础</dd>
    <dd>Webpack基础</dd>
    <dd>Git代码仓库管理</dd>
    <dd>Vue全家桶实战</dd>
    <dd>React框架实战</dd>
    <dd>小程序+云开发</dd>
    <dd>uniapp+taro</dd>

    <dt>第三阶段: 实战进阶</dt>
    <dd>TypeScript</dd>
    <dd>Vue + TypeScript</dd>
    <dd>React + TypeScript</dd>
    <dd>Node/开发脚手架/Node服务器开发/MySQL</dd>
    <dd>Webpack高级/性能优化/Vite/Rollup/gulp</dd>
    <dd>数据结构和算法</dd>
  </dl>

  
</body>
</html>